// 主题色配置
:root {
  // 主色
  --primary-color: #4CD964;
  --primary-light: #E8F7EA;
  --primary-gradient: linear-gradient(45deg, #4CD964, #5DE675);
  
  // 辅助色
  --auxiliary-color: #FFB52E;
  --auxiliary-light: #FFF8E8;
  --auxiliary-gradient: linear-gradient(45deg, #FFB52E, #FFD479);
  
  // 文字颜色
  --text-color-primary: #303133;
  --text-color-regular: #606266;
  --text-color-secondary: #909399;
  
  // 边框颜色
  --border-color: #DCDFE6;
  --border-color-light: #E4E7ED;
  
  // 背景色
  --bg-color: #F5F7FA;
  --bg-color-page: #F2F3F5;
  
  // 圆角
  --border-radius-base: 4px;
  --border-radius-circle: 50%;
  
  // 阴影
  --box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  --box-shadow-light: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
}

// 暗黑主题
[data-theme='dark'] {
  --primary-color: #4CD964;
  --primary-light: #1E2B1F;
  --primary-gradient: linear-gradient(45deg, #4CD964, #5DE675);
  
  --auxiliary-color: #FFB52E;
  --auxiliary-light: #2B261E;
  
  --text-color-primary: #E5EAF3;
  --text-color-regular: #CFD3DC;
  --text-color-secondary: #A3A6AD;
  
  --border-color: #363637;
  --border-color-light: #2B2B2C;
  
  --bg-color: #141414;
  --bg-color-page: #0A0A0A;
} 